<template>
  <div class="dashboard-container">
    <!-- 部门主管 -->
    <!-- 部门主管 -->
    <!-- 项目经理 -->
    <!-- 项目经理 -->
    <!-- 项目成员 -->
    <!-- 项目成员 -->
    <!-- 行政人员 -->
    <!-- 行政人员 -->
    <!-- 财务人员 -->
    <!-- 财务人员 -->
    <!-- 公司领导 -->
    <companyLeader />
    <!-- 公司领导 -->
  </div>

</template>

<script>
import { mapGetters } from 'vuex'

import companyLeader from './companyLeader'
const projectOverviewColumn = [
  {
    prop: 'name',
    label: '项目编号'
  },
  {
    prop: 'date',
    label: '项目名称'
  },
  {
    prop: 'date',
    label: '项目周期'
  },
  {
    prop: 'date',
    label: '项目状态'
  }
]
const newAssginedColumns = [
  {
    prop: 'name',
    label: '项目编号'
  },
  {
    prop: 'date',
    label: '项目名称'
  },
  {
    prop: 'date',
    label: '项目周期'
  },
  {
    prop: 'date',
    label: '项目初始状态'
  },
  {
    prop: 'date',
    label: '优先级'
  }
]
export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  components: {

    companyLeader
  },
  data() {
    return {
      tableData: [
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 10

        },
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 20
        },
        {
          name: '中科云评测',
          date: '2020-6-30',
          percent: 30
        }
      ],
      columns: [
        {
          prop: 'name',
          label: '项目'
        },
        {
          prop: 'date',
          label: '日期'
        },
        {
          prop: 'percent',
          label: '日期',
        }
      ],
      newAssginedColumns,
      projectOverviewColumn
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    padding: 30px;
    background: #F6F6F6;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
  &-overView{
    height: 220px;
  }
}
</style>
